<head>
<meta charset="UTF-8">
</head>

<pre>
<DT><A HREF="1.html">首页</A>   <A HREF="2.html">记录页</A>    <A HREF="help.html">帮助页</A>    <A HREF="https://www.jianshu.com/p/da18c2fd033a">简书帮助</A>    <A HREF="https://www.w3school.com.cn/example/html_examples.asp">html实例</A>
</pre>
<DT>

<h3>5、超链接标签</h3>
<h4>(1)、超链接标签&lt;a&gt;&lt;/a&gt;</h4>
<ul>
<li>anchor 的缩写</li>
<li>基本格式 <code>&lt;a href="跳转目标url" target="目标窗口的弹出方式"&gt;超链接文本或图像&lt;/a&gt;</code>
<ul>
<li>href 即 HyperText Reference , 指定要跳转的URL地址</li>
<li>target , 指定目标窗口的打开方式。取值为 self / blank , self 为默认值，blank 表示新窗口打开</li>
</ul>
</li>
</ul>

<blockquote>
HTML “<pre>” 标签
定义和用法
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

可以导致段落断开的标签（例如标题、<p> 和 <address> 标签）绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。

pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如 <a> 标签）放到 <pre> 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。请看下面的例子：
</blockquote>


<h3>相对路径</h3>
<DT>相对路径是指目标相对于当前文件的路径，网页结构设计中多采用这种方法来表示目标的路径。相对路径有多种表示方法，其表示的意义不尽相同。表示方法如下：
<DT>./ ：代表文件所在的目录（可以省略不写）
<DT>../ ：代表文件所在的父级目录
<DT>../../ ：代表文件所在的父级目录的父级目录
<DT>/ ：代表文件所在的根目录

<h3>预格式文本</h3>
代码如下
<xmp>
<pre>
这是
预格式文本。
它保留了      空格
和换行。
</pre>
</xmp>
显示效果：
<pre>
这是
预格式文本。
它保留了      空格
和换行。
</pre>

<h3>html中如何直接显示html代码</h3>
< xmp> < / xmp>

<h3>申明编码</h3>
< xmp>
<head>
<meta charset="UTF-8">
</head> 
< / xmp>

